:root{
    --main-color:#fabb15;
    --main-hover-color:#fabb15;
    --secondary-color:#f7f8f9;
    --free-color:#bbf087;
    --reserved-color:#f69595;
    --exception-color:#ffa65a;
    --secondary-color-50:rgba(20,41,60,0.5)
}
img{
    max-width:100%
}
input:focus,select:focus,button:focus,textarea:focus{
    outline:0
}
a:hover,a:focus{
    text-decoration:none;
    outline:0
}
ul,ol{
    padding:0;
    margin:0
}
.text-center{
    text-align:center
}
.text-main{
    color:var(#111)
}
.text-success{
    color:green
}
.text-error{
    color:red
}
.text-white{
    color:rgb(6, 6, 6)
}
.d_block{
    display:block
}
.field-error{
    display:block;
    color:red;
    text-align:left;
    font-size:14px
}
.FREE{
    color:var(--free-color)
}
.RESERVED{
    color:var(--reserved-color)
}
.EXCEPTION{
    color:var(--exception-color)
}
.space-between{
    display:flex;
    justify-content:space-between
}
.m-r-5{
    margin-right:5px
}
.m-l-5{
    margin-left:5px
}
.m-t-10{
    margin-top:10px
}
.m-b-10{
    margin-bottom:10px
}
.f_25{
    font-size:25px
}
.primary-btn,.primary-btn:hover{
    color:#fff;
    background-color:var(#111);
    border-color:var(#111)
}
.primary-outline-btn,.primary-outline-btn:hover{
    background-color:white;
    color:var(#111);
    border-color:var(#111)
}
.float-left{
    float:left
}
.float-right{
    float:right
}
.required:after{
    content:'*';
    color:#fabb15;
    margin-left:2px;
    margin-right:2px
}
.cursor-pointer{
    cursor:pointer
}
a{
    color:var(#111)
}
a:hover{
    color:var(#111)
}
.control-label{
    display:block
}
.rtl .text-align{
    text-align:right
}
.text-align{
    text-align:left
}
.header-section{
    background:var(--secondary-color);
    height: 120px;
    border-bottom:7px solid var(#111);
    width:100%;
    padding-right:15px;
    padding-left:15px;
    display:flex;
    justify-content:flex-start
}
.header-section>.logo{
    float:left;
    display:inline-block
}
.header-section>.logo>a>img{
    height:115px;
    padding:3px 0;
    padding-top: 10px;
}
.header-section>.main-menu{
    padding-bottom: 50px;
}
.header-section>.main-menu{
    float:right;
    display:inline-block;
    padding-top: 10px;
}
.header-section>.main-menu li{
    display:inline-block
}
.header-section>.main-menu a{
    color:var(#111);
    display:inline-block;
    font-size:18px;
    font-weight:900;
    margin-left:30px ;
    color: #111;
     font-family:monospace;
    padding-left: 20px;
}
.slogan-section{
    background-image:url('../imgs/home.jpeg');
    height:500px;
    position:relative;
    z-index:-1;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:top center
}
.slogan-section::after{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(40, 41, 45, 0.75);
    content:"";
    z-index:-1
}
.slogan-section .slogan-text{
    padding-top:175px;
    text-align:center
}
.slogan-section .banner .container h1{
    color:white;
    font-size:50px;
    font-weight:300;
}
.slogan-section .banner .container h3{
    color: #fff;
}
.slogan-section .slogan-text h3{
    color:#fff;
    font-size: 40px;
    font-family:'Lalezar', cursive;
    padding-top: 50px;
}
.search-section{
    width:90%;
    margin-right:5%;
    margin-left:5%;
    border-radius:4px;
    background:rgb(27, 28, 28);
    height:115px;
    -webkit-box-shadow:2px 15px 30px rgb(0 0 0 / 10%);
    box-shadow:2px 15px 30px rgb(0 0 0 / 10%);
    margin-top:-57px;
    z-index:9;
    display:flex
}
.search-section>div{
    width:15%
}
.search-section>div#price{
    width:36%
}
.search-section>div#price>p{
    margin-bottom:0
}
.search-section>div#dates{
    width:20%
}
.search-section>div#search-btn{
    width:14%
}
.search-section>div.search-container{
    border-right:1px solid #f3f3f3;
    float:left;
    padding:20px 27px 29px
}
.search-section>div.search-container p{
    font-size:18px;
    color:#f8f8f9;
    line-height:1.6;
    margin:0 0 20px 0;
    font-weight:300 ;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.search-section>div#search-btn>button{
    background:var(--main-color);
    font-weight:400;
    border:0;
    border-radius:0 4px 4px 0;
    cursor:pointer;
    padding:44px 40px 44px 31px;
    display:inline-block;
    font-size:18px;
    color:#fff;
    width:100%
}
.search-section>div#search-btn>button>i{
    margin-right:10px
}
.filter-search{
    border:1px solid #d7d7d7;
    background-color:#f8fafc;
    border-radius:4px;
    padding-top:10px;
    height:100%
}
.filter-search>.checkbox{
    margin-bottom:10px;
    display:flex;
    align-items:center
}
.filter-search>.checkbox>label{
    margin-bottom:0
}
.filter-search>.checkbox>input{
    margin-left:10px;
    width:20px;
    height:20px
}
.rtl .btns-group .btn:first-child{
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.rtl .btns-group .btn img{
    margin-right:0;
    margin-left:4px
}
.rtl .btns-group .btn:last-child{
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-left-width:2px
}
.btns-group .btn span,.btns-group .btn i{
    line-height:25px
}
.rtl .search-section>div#search-btn>button{
    border-radius:4px 0 0 4px
}
.nice-select{
    width:100%
}
.nice-select ul{
    width:100%
}
.slider--mabeet .slider__bar,.slider--mabeet .slider__handler,.slider--mabeet .slider__tip{
    background-color:var(#111)
}
.fa-ils::before{
    content:'₪ ';
    font-size:20px
}
.rs-scale{
    display:none
}
.rs-pointer::after,.rs-pointer::before{
    display:none
}
.rs-pointer{
    width:20px!important;
    border-radius:10px!important;
    background-color:var(--main-color)!important;
    border-width:0!important;
    box-shadow:none!important
}
.rs-selected{
    background-color:var(--main-color)!important;
    border-color:var(--main-color)!important
}
.rs-tooltip{
    min-width:auto!important;
    background-color:var(--main-color)!important;
    border-color:var(--main-color)!important;
    color:white;
    padding:6px 6px 0
}
.search-section>div#price>div{
    margin-top:40px
}
#sort-section{
    margin-top:100px;
    display:flex;
    margin-bottom:50px;
    align-items:center;
}
#sort-section>h2{
    margin-left: 100px;
    font-size: 100px;
}
.btns-group{
    display:flex;
    justify-content:center
}
.btns-group .btn{
    border:2px solid #2373f5;
    color:#2373f5;
    border-left-width:0;
    border-radius:0;
    cursor:pointer
}
.btns-group .btn:hover{
    color:var(--main-color)
}
.btns-group.big .btn{
    min-width:200px
}
.btns-group .btn img,.btns-group .btn i{
    height:25px;
    margin-right:4px
}
.btns-group .btn.active-btn{
    color:#fff;
    background:var(#111);
    border-color:var(--main-color)
}
.time{
    color:var(--main-color);
    font-weight:bold
}
.btns-group .btn:first-child{
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    border-left-width:2px
}
.btns-group .btn:last-child{
    border-top-right-radius:5px;
    border-bottom-right-radius:5px
}
.property-item{
    width:100%;
    margin-bottom:20px;
    border:2px solid #fabb15;
    background-color:#84c4f2;
    border-radius:4px;
    transition:all .5s;
}
.property-item:hover{
    box-shadow:2px 2px 30px rgb(0 0 0 / 10%)
}
.property-item>a{
    display:inline-block;
    border-radius:4px;
    width:100%;
    height:100%
}
.property-item>a>.property-container{
    display:flex;
    border-radius:4px;
    height:290px
}
.property-item>a>.property-container>div.property-image{
    width:45%;
    margin:10px;
    background-size:cover!important;
    border-radius:4px
}
.property-item>a>.property-container>.property-info{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    margin:20px 10px 10px 10px;
    border-radius:0 0 4px 4px
}
.property-item>a>.property-container>.property-info>.property-details{
    padding-bottom:8px;
    margin-bottom:9px;
    border-bottom:1px solid #f3f3f3
}
.property-item>a>.property-container>.property-info>.property-features{
    padding-bottom:15px;
    margin-bottom:12px;
    border-bottom:1px solid #f3f3f3;
    display:flex;
    justify-content:space-around
}
.property-item>a>.property-container>.property-info>.property-features>div>p{
    font-size:12px;
    margin-bottom:5px;
    color:#0f0f10;
    font-weight:400;
    line-height:1.6
}
.property-item>a>.property-container>.property-info>.property-features>div>img{
    width:50px
}
.property-item>a>.property-container>.property-info>.property-features>div>span{
    color:#151515
}
.property-item>a>.property-container>.property-info>.property-price{
    display:flex;
    justify-content:space-between
}
.property-item>a>.property-container>.property-info>.property-price>.price>p{
    color:#060606;
    font-size:16px;
    margin-bottom:-7px;
    font-weight:400;
    line-height:1.6
}
.property-item>a>.property-container>.property-info>.property-price>.price>span{
    color:#30304e;
    font-size:24px;
    font-weight:500
}
.property-item>a>.property-container>.property-info>.property-price>.view-property-btn{
    margin-top:2px;
    margin-bottom:10px;
    -webkit-transition:.3s;
    transition:.3s;
    display:inline-block;
    border:2px solid #080808;
    font-size:16px;
    font-weight:500;
    padding:15px 25px;
    border-radius:4px;
    color:#040404;
    line-height:normal;
    background-color:transparent;
    padding-top: 30px;
}
.property-item>a>.property-container>.property-info>.property-price>.view-property-btn:hover{
    color:#fff;
    background:var(--main-color);
    border-color:var(--main-color);
    font-family:monospace;
    font-size: 20px;
    padding-top: 30px;
}
.footer-section{
    padding-top:40px;
    background-color:var(--secondary-color);
    padding-bottom:20px
}
.footer-section .footer-logo{
    display:flex;
    justify-content:center
}
.footer-section .footer-logo>img{
    height:100px
}
.footer-section .footer-info{
    display:flex;
    justify-content:space-between
}
.footer-section .footer-info>div{
    width:30%
}
.footer-section .footer-info>div .footer-header{
    color:var(#111);
    font-size:18px;
    font-weight:400;
    margin-bottom:16px
}
.footer-section .footer-info>div .footer-website-description{
    font-size:14px;
    font-weight:300;
    margin-bottom:33px;
    color:var(#111)
}
.footer-section .footer-info>div .footer-social-media>div{
    color:#111
}
.footer-section .footer-info>div .footer-social-media a{
    display:inline-block;
    margin-right:5px;
    color:var(#111);
    text-decoration:none;
    background-color:transparent;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    border-radius:15px
}
.footer-section .footer-info>div .footer-social-media a:hover{
    background-color:var(#111);
    color:white;
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s
}
.footer-section .footer-info>div ul.footer-contact-info{
    margin-bottom:18px
}
.footer-section .footer-info>div ul.footer-contact-info li{
    list-style:none;
    margin-bottom:6px;
    color:var(#111);
    position:relative
}
.footer-section .footer-info>div ul.footer-contact-info li>span{
    display:inline-block;
    font-size:14px;
    font-weight:300;
    margin-left:30px
}
.footer-section .footer-info>div ul.footer-contact-info li>i{
    position:absolute;
    top:7px
}
.footer-section .footer-copyright{
    color:var(#111);
    opacity:.9;
    font-size:12px;
    font-weight:500;
    text-align:center
}
.login-container{
    display:flex;
    justify-content:center;
    align-items:center;
    background-image:url("../imgs/icon/villa-icon1.jpg");
    background-position-y:center
}
.login-container .login-content{
    background-color:rgba(20,41,60,0.8);
    margin-top:50px;
    margin-bottom:50px;
    height:400px;
    width:400px;
    box-shadow:0 4px 8px 0 rgb(0 0 0 / 20%);
    border-radius:10px;
    padding:20px
}
.login-container .login-content .login-btn{
    background-color:var(#111);
    color:white;
    border:0;
    border-radius:5px;
    width:100%;
    height:50px;
    line-height:50px;
    margin-top:20px
}
.property-view{
    margin-top:36px
}
.property-view>.property-name{
    color:#30304e;
    font-size:24px;
    font-weight:700;
    margin-bottom:7px
}
.property-view .property-view-images{
    width:70%;
    margin-top:30px
}
.property-view .property-view-images .lSAction>a>i{
    color:white;
    font-size:25px
}
.property-view .property-details{
    margin-top:30px;
    padding:20px;
    -webkit-box-shadow:2px 2px 30px rgb(0 0 0 / 10%);
    box-shadow:2px 2px 30px rgb(0 0 0 / 10%)
}
.property-view .property-details .details-item{
    margin-bottom:40px
}
.property-view .property-details .details-item>h4{
    color:#30304e;
    font-size:18px;
    font-weight:700;
    margin-bottom:18px
}
.property-view .property-details .details-item>p{
    color:#6f6f8a;
    font-size:14px;
    font-weight:300;
    margin:0
}
.property-view .property-details .property-time{
    display:flex
}
.property-view .property-details .property-time>div{
    flex:1
}
.property-view .property-details .features-table{
    display:flex;
    flex-wrap:wrap
}
.property-view .property-details .features-table>div{
    width:33.3333%;
    padding-top:7px;
    padding-bottom:7px;
    display:flex;
    align-items:center
}
.property-view .property-details .features-table>div.even{
    background-color:#f8f8f9
}
.property-view .property-details .features-table>div img{
    width:50px;
    height:50px;
    margin-right:10px
}
.property-view .property-reserve-container{
    display:flex;
    margin-top:20px
}
.property-view .property-reserve-container>.property-reserve{
    width:33.3333%;
    padding:20px;
    margin-left:30px;
    -webkit-box-shadow:2px 2px 30px rgb(0 0 0 / 10%);
    box-shadow:2px 2px 30px rgb(0 0 0 / 10%)
}
.property-view .property-reserve-container>.property-schedule{
    width:calc(76.66667% - 30px);
    padding:20px;
    -webkit-box-shadow:2px 2px 30px rgb(0 0 0 / 10%);
    box-shadow:2px 2px 30px rgb(0 0 0 / 10%)
}
.property-view .property-schedule #propertyCalendar{
    width:100%;
    table-layout:fixed
}
.property-view .property-schedule #propertyCalendar th,.property-view .property-schedule #propertyCalendar td{
    border:1px solid #e7e7e7;
    border-collapse:collapse
}
.property-view .property-schedule #propertyCalendar th{
    text-align:center
}
.property-view .property-schedule #propertyCalendar td.selected{
    background-color:rgba(22,197,36,0.5)
}
.property-view .property-schedule #propertyCalendar td{
    position:relative;
    height:70px;
    transition:background-color .5s ease;
    cursor:pointer
}
.property-view .property-schedule #propertyCalendar td>.status{
    position:absolute;
    top:3px;
    left:3px
}
.property-view .property-schedule #propertyCalendar td>.status.disabled{
    color:gray
}
.property-view .property-schedule #propertyCalendar td>.day{
    position:absolute;
    top:3px;
    right:10px
}
.property-view .property-schedule #propertyCalendar td>.price{
    position:absolute;
    bottom:3px;
    left:3px
}
.property-view .property-schedule #propertyCalendar td>.price>i::before{
    font-size:12px
}
.property-view .property-schedule .calendar-map{
    display:flex;
    justify-content:space-between;
    margin-bottom:20px
}
.property-view .property-schedule .schedule-header{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.property-view .property-schedule .schedule-header>p{
    font-weight:bold;
    font-size:20px;
    color:black;
    margin-bottom:0
}
.property-view .property-schedule .schedule-header>button{
    padding-top:5px;
    padding-bottom:5px;
    display:block;
    border:0;
    width:100px;
    background-color:var(--main-color);
    color:white;
    border-top-left-radius:5px;
    border-top-right-radius:5px
}
.property-view .property-schedule .schedule-header>button>i{
    margin-left:3px;
    margin-right:3px
}
.property-reserve-container .property-reserve{
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.property-reserve-container .property-reserve h3{
    text-align:center;
    margin-bottom:.5rem
}
.property-reserve-container .property-reserve .reserve-btn{
    width:100%;
    background-color:var(--main-color);
    border:0;
    color:white;
    padding:10px;
    border-radius:5px
}
.property-reserve-container .property-reserve .check-in-dates>div{
    width:50%
}
.property-reserve-container .property-reserve p.value-text{
    border:0;
    font-weight:bold
}
.property-reserve-container .property-reserve .mbt-days-group{
    display:flex
}
.property-reserve-container .property-reserve .mbt-days-group>p{
    margin-bottom:0;
    padding:0;
    border-radius:0;
    border:1px solid var(--main-color);
    border-right-width:0;
    border-left-width:0;
    height:auto
}
.property-reserve-container .property-reserve .mbt-days-group>button{
    background-color:var(--main-color);
    color:white;
    border-width:0;
    padding-left:10px;
    padding-right:10px
}
.property-reserve-container .property-reserve .mbt-days-group>button:first-child{
    border-top-left-radius:.25rem;
    border-bottom-left-radius:.25rem
}
.property-reserve-container .property-reserve .mbt-days-group>button:last-child{
    border-top-right-radius:.25rem;
    border-bottom-right-radius:.25rem
}
table.guest-vs-user{
    width:calc(100% - 2px);
    margin-left:1px
}
table.guest-vs-user tr td{
    border:1px solid var(--main-color);
    padding:20px
}
table.guest-vs-user tr th{
    font-weight:bold;
    background-color:var(--main-color);
    color:white;
    text-align:center;
    border-top-left-radius:10px;
    padding:21px
}
table.guest-vs-user>thead>tr>th:first-child{
    background-color:transparent;
    border-width:0
}
table.guest-vs-user tr th:last-child{
    border-top-left-radius:0;
    border-top-right-radius:10px
}
table.guest-vs-user tr td:first-child{
    color:var(--main-color)
}
.register-container{
    display:flex;
    box-shadow:0 4px 8px 0 rgb(0 0 0 / 20%);
    padding:0!important;
    height:700px;
    margin-bottom:20px
}
.register-container .who-are-we{
    padding:50px 20px 20px;
    background-color:var(--main-color);
    flex:1
}
.register-container .who-are-we>h3{
    text-align:center;
    color:white;
    margin-bottom:10px
}
.register-container .who-are-we>p{
    font-size:18px;
    color:white
}
.register-container .register-form{
    flex:1;
    background-color:white;
    position:relative;
    overflow:hidden
}
.register-container .register-form .step-1{
    padding:50px 20px 20px;
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
    height:100%
}
.register-container .register-form .step-1 .form-group{
    flex:1;
    width:100%
}
.register-container .register-form .step-2{
    padding:50px 20px 20px;
    position:absolute;
    left:100%;
    z-index:2;
    top:0;
    width:100%;
    height:100%;
    -webkit-transition:.6s;
    transition:all .6s;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    background-color:white
}
.register-container .register-form .step-2.active{
    left:0
}
.register-container .register-form .step-2 .back-arrow{
    display:flex;
    justify-content:flex-start;
    margin-top:-40px;
    margin-bottom:10px
}
.forgot-password-container{
    display:flex;
    justify-content:center;
    align-items:center;
    background-image:url("/imgs/login_background.jpeg");
    background-position-y:center
}
.forgot-password-container .forgot-password-content{
    background-color:rgba(20,41,60,0.8);
    margin-top:50px;
    margin-bottom:50px;
    height:auto;
    width:400px;
    box-shadow:0 4px 8px 0 rgb(0 0 0 / 20%);
    border-radius:10px;
    padding:20px
}
.general-content{
    padding-top:20px;
    padding-bottom:20px;
    min-height:calc(100vh - 420px)
}
.bg-gray{
    background-color:#e1e1e1
}
.padding{
    padding:20px
}
.card{
    border:1px solid #d7d7d7;
    background-color:#f8fafc;
    border-radius:4px;
    padding:10px
}
.profile-container{
    background-color:#e7e7e7
}
.profile-container>.container{
    padding-top:50px;
    padding-bottom:50px
}
.profile-container .bottom-border{
    border-bottom:2px solid #df4c2a;
    margin-bottom:5px
}
.custom-table{
    width:100%
}
.custom-table thead tr{
    background-color:#14293c;
    color:#df4c2a
}
.custom-table th,.custom-table td{
    padding:10px;
    border:1px solid #df4c2a;
    border-collapse:collapse
}
.rtl .custom-table th,.rtl .custom-table td{
    text-align:right
}
.reservation-status{
    border:1px solid #e7e7e7;
    padding:5px;
    border-radius:5px;
    text-align:center;
    color:white
}
.reservation-status.CANCELED{
    background-color:var(--danger)
}
.reservation-status.PENDING{
    background-color:var(--warning)
}
.reservation-status.CONFIRMED{
    background-color:var(--success)
}
.mobile-reservation{
    display:flex;
    flex-direction:column;
    border-bottom:2px solid var(--main-color);
    margin-bottom:10px
}
.mobile-reservation>.item{
    display:flex;
    justify-content:flex-start
}
.mobile-reservation>.item>div:first-child,.mobile-reservation>.item>div:last-child{
    width:50%
}
.mobile-reservation>.item>button>i{
    margin-left:5px;
    margin-right:5px
}
.mobile-reservation>.item>.reservation-status{
    width:100%!important
}
.mobile-table{
    display:none
}
.rtl .nice-select:after{
    right:auto;
    left:12px
}
.rtl .nice-select{
    text-align:right!important;
    padding-left:30px;
    padding-right:18px
}
.rtl .nice-select li{
    text-align:right!important
}
.rtl .btns-group .btn img,.rtl .btns-group .btn i{
    margin-right:0;
    margin-left:4px
}
.rtl .footer-section .footer-info>div ul.footer-contact-info li>span{
    margin-left:0;
    margin-right:30px
}
.rtl .register-container .register-form .step-2 .back-arrow>i{
    transform:rotate(180deg)
}
.rtl .property-view .property-details .features-table>div img{
    margin-right:0;
    margin-left:10px
}
.rtl .rtl-flip{
    transform:rotate(180deg)
}
.rtl .property-reserve-container .property-reserve .mbt-days-group>button:first-child{
    border-radius:0rem .25rem .25rem 0rem
}
.rtl .property-reserve-container .property-reserve .mbt-days-group>button:last-child{
    border-radius:.25rem 0rem 0rem .25rem
}
.rtl table.guest-vs-user tr th{
    border-top-left-radius:0;
    border-top-right-radius:10px
}
.rtl table.guest-vs-user tr th:last-child{
    border-top-left-radius:10px;
    border-top-right-radius:0
}
.rtl .modal-footer{
    flex-direction:row-reverse;
    justify-content:flex-start
}
.rtl .property-description,.rtl .property-features{
    text-align:right
}
.rtl .property-price{
    float:left;
    text-align:right
}
.rtl #sort-section>label{
    margin-left:20px;
    margin-right:0
}
.rtl .lightpick__day.is-start-date.is-in-range,.lightpick__day.is-end-date.is-in-range.is-flipped{
    border-top-left-radius:0;
    border-top-right-radius:50%;
    border-bottom-right-radius:50%;
    border-bottom-left-radius:0
}
.rtl .lightpick__day.is-end-date.is-in-range,.lightpick__day.is-start-date.is-in-range.is-flipped{
    border-top-left-radius:50%;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:50%
}
.rtl .field-error{
    text-align:right
}
.mobile-menu-btn,.mobile-menu,.mobile-menu-overlay{
    display:none
}
@media only screen and (max-width:768px){
    .main-menu{
        display:none!important
    }
 
    .header-section{
        justify-content:space-between;
        height: 90px;
    }
    
    .header-section>.logo>a>img {
    height: 85px;
    
}
    .mobile-menu-btn{
        display:flex;
        align-items:center
    }
    .mobile-menu-btn i{
        color:var(#000)
    }
    .mobile-menu{
        display:block;
        height:100vh;
        width:70vw;
        background-color:var(--secondary-color);
        position:fixed;
        top:0;
        left:-70vw;
        z-index:10;
        transition:all ease .5s
    }
    .mobile-menu .close-mobile-menu{
        display:flex;
        justify-content:flex-end;
        padding:10px;
        color: #000;
        font-size: 40px;
    }
    .mobile-menu>ul{
        list-style-type:none
    }
    .mobile-menu>ul>li{
        height:50px;
        line-height:50px;
        border-left:3px solid var(#000);
        margin-bottom:3px
    }
    .mobile-menu>ul>li>a{
        display:block;
        width:100%;
        height:100%;
        padding-left:20px;
        line-height:50px
    }
    .mobile-menu>ul>li>a>span,.mobile-menu>ul>li>a>i{
        font-size:1.2em;
        line-height:50px
    }
    .mobile-menu>ul>li>a>span{
        margin-left:10px;
        margin-right:10px;
        color: #000;
        font-size: 18px;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    }
    .mobile-menu>ul>li>a>i{
        width:30px
    }
    .mobile-menu-overlay{
        height:100vh;
        width:100vw;
        z-index:9;
        position:fixed;
        top:0;
        left:0
    }
    .mobile-menu-overlay.active{
        display:block
    }
    .mobile-menu.active{
        left:0vw
    }
    .search-section{
        flex-direction:column;
        height:auto
    }
    .search-section>.search-container,.search-section>div#search-btn{
        width:100%!important
    }
    .btns-group.big .btn{
        min-width:auto
    }
    .property-item>a>.property-container{
        flex-direction:column
    }
    .property-item>a>.property-container>div.property-image{
        width:100%;
        min-height:300px
    }
    .property-item>a>.property-container{
        height:auto
    }
    .property-view .property-view-images{
        width:100%
    }
    .property-view .property-details .features-table>div{
        width:100%
    }
    .property-view .property-details .features-table>div.even{
        background-color:white
    }
    .property-view .property-details .features-table>div:nth-child(even){
        background-color:#f8f8f9
    }
    .property-view .property-reserve-container{
        flex-direction:column
    }
    .property-view .property-reserve-container>.property-schedule,.property-view .property-reserve-container>.property-reserve{
        width:100%
    }
    .property-view .property-schedule #propertyCalendar td>.status{
        font-size:.8em
    }
    .property-view .property-schedule #propertyCalendar td>.day{
        font-size:.8em
    }
    .property-view .property-schedule #propertyCalendar td>.price{
        text-align:center
    }
    .property-view .property-schedule #propertyCalendar th{
        font-size:10px
    }
    .modal-body{
        max-height:calc(100vh - 150px);
        overflow-y:auto
    }
    .custom-table{
        display:none
    }
    .mobile-table{
        display:block
    }
    .search-section>div#search-btn>button{
        border-radius:0 0 4px 4px!important
    }
    .rtl .mobile-menu{
        left:auto;
        right:-70vw
    }
    .rtl .mobile-menu.active{
        left:auto;
        right:0vw
    }
    .rtl .mobile-menu>ul>li{
        border-left:0;
        border-right:3px solid var(--main-color)
    }
    .rtl .mobile-menu>ul>li>a{
        padding-left:0;
        padding-right:20px;
        text-align:right
    }
}
 .aa>h2{
    color: #000;
    font-size: 30px;
    font-family: monospace;
    text-align: center;
    text-decoration:wavy;
}
.aa>p{
    color: rgb(58, 58, 61);
    font-size: 15px;
    font-family: monospace;
    padding-top: 50px;
    margin-left: 50px;
}